/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 8, 2014, 7:45:37 PM
    Author     : chandu
*/
@media 
only screen and (min-width: 1000px) {

.maindiv3 {
    max-width:980px;
    margin-left:auto;
    margin-right: auto;
    clear:both; 
    
}


.sales_leftdiv {
    width:25%;
     min-width:320px;
    float:left;  
    display:block;
}
.sales_rightdiv {
    width:25%;
    min-width:320px;
    float:right;
     margin-left:0px
}
.sales_middiv {
    width:10px;
    float:left;
}
.sales_fulldiv {
    width:100%;
    clear:both;
}
}

@media 
only screen and (max-width: 780px) {

.maindiv3 {
    max-width:300px;
    min-width: 300px;
    border:0px solid red;
    margin-left:auto;
    margin-right: auto;
}


.sales_leftdiv {
    width:100%;
     min-width:300px;
    float:left;
}
.sales_rightdiv {
    width:100%;
    min-width:300px;
    float:right;
     margin-left:0px
}
.sales_middiv {
display: none;
}
.sales_fulldiv {
    width:100%;
    clear:both;
}
}


@media only screen and (min-width: 781px) and (max-width: 999px) {
.maindiv3 {
    max-width:650px;
    margin-left:auto;
    margin-right: auto;
    clear:both;
}


.sales_leftdiv {
    width:50%;
     min-width:320px;
    float:left;
}
.sales_rightdiv {
    width:50%;
    min-width:320px;
    float:right;
     margin-left:0px
}
.sales_middiv {
    width:10px;
    float:left;
}

    

}
